::-webkit-scrollbar {
  width: 0;
  height: 6px;
}

// 定义滚动条轨道 内阴影+圆角
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(63, 81, 181, 0.2);
  border-radius: 0;
  background-color: rgba(63, 81, 181, 0.1);
}

// 定义滑块 内阴影+圆角
::-webkit-scrollbar-thumb {
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 5px rgba(63, 81, 181, 0.2);
  background-color: @primary;
}

// 滚动条滑块激活状态
::-webkit-scrollbar-thumb:active {
  -webkit-box-shadow: inset 0 0 5px rgba(63, 81, 181, 0.4);
  background-color: @primary;
}

.primary-text{
  color: @primary;
}
.success-text{
  color: @success;
}
.warning-text{
  color: @warning;
}
.danger-text{
  color: @danger;
}
.danger-bg{
  background-color: @danger;
}
.main-text{
  color: @text;
}
.sub-title-text{
  color: @sub-title;
}
.content-text{
  color: @content;
}
.tips-txt{
  color: @tips-text;
}
.gray-text{
  color: @table-text;
}
.disabled-click{
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
}

#app {
  color: #2c3e50;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  //min-width: 1300px;
  box-sizing: border-box;
}

body {

  ul li{
    list-style: none;
  }

  .empty-box {
    margin: 200px 0;
    text-align: center;
  }

  .ant-tabs {
    color: @content;

    .ant-tabs-nav {
      &:before {
        border: none;
      }
    }

    .ant-tabs-tab {
      &:hover {
        color: @primary;
      }
    }
    .ant-tabs-tab.ant-tabs-tab-disabled{
      color: rgba(0, 0, 0, 0.25)!important;
    }
    .ant-tabs-ink-bar {
      height: 2px;
      border-radius: 160px;
      background-color: @primary;
      position: absolute;
    }
  }

  .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
    color: @primary!important;
  }

  .ant-select {
    .ant-select-selector {
      border-radius: 4px;
      border: none;
      height: 25px;
      display: flex;
      align-items: center;
      //background-color: #f3f3f3;
      .ant-select-selection-item {
        color: #71a9ff;
        font-weight: bold;
      }
    }
  }
  .ant-cascader{
    width: 280px;
  }
  .ant-select:not(.ant-select-customize-input) .ant-select-selector{
    background-color: #f7f7f7;
    border: none;
    border-radius: 20px;
    height: 25px;
    .ant-select-selection-item{
      color: @text;
      font-weight: normal;
      line-height: unset;
    }
  }

  .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{
    box-shadow: none;
  }

  .ant-input {
    &:hover {
      border-color: #c4c4c4;
    }

    &:focus {
      border-color: @primary;
      box-shadow: unset;
    }
  }

  .ant-cascader-picker {
    margin-left: 20px;
    border-radius: 18px;
    .ant-input {
      height: 25px;
      border: none;
    }
    &:focus{
      .ant-cascader-input{
        box-shadow: unset;
        border: none;
      }
    }
  }

  .ant-select,
  .ant-cascader-picker {
    .anticon-down {
      color: @text;
    }
  }

  .refresh-btn {
    margin-left: 20px;
    border-radius: 4px;
    transform: rotate(-90deg);
  }

  .ant-checkbox-checked::after {
    border: none;
  }

  .ant-checkbox-checked .ant-checkbox-inner {
    background-color: @primary;
    border-color: @primary;

    &:hover {
      background-color: @primary;
      border-color: @primary;
    }
  }

  .ant-checkbox-wrapper:hover .ant-checkbox-inner, .ant-checkbox:hover .ant-checkbox-inner, .ant-checkbox-input:focus + .ant-checkbox-inner {
    border-color: @primary;
  }

  .ant-btn {
    &:hover, &:focus {
      color: @primary;
      border-color: @primary;
    }
    &:active {
      box-shadow: unset !important;
    }
  }

  .ant-btn-primary {
    background: @primary;
    border-color: @primary;

    &:hover, &:focus {
      color: #ffffff;
      background-color: @primary-hover;
      border-color: @primary-hover;
    }
  }

  .ant-btn-text {
    border: unset;
    padding: 0;

    &:hover {
      background-color: transparent;
    }

    &:focus, &:active {
      background: unset;
    }
  }

  .ant-input {
    &::placeholder {
      color: #c4c4c4;
    }
  }

  .ant-cascader-menu {
    min-width: 196px;
    height: 224px;
  }

  .ant-cascader-picker-label {
    color: @text;
  }

  .ant-cascader-menus {
    z-index: 9999999999999999999 !important;
  }

  .ant-spin-nested-loading > div > .ant-spin {
    max-height: unset;
  }

  .ant-dropdown {
    min-width: unset !important;
  }

  .code-form-item {
    .ant-form-item-children-icon {
      right: 100px!important;
    }
  }

  .ant-modal-root {
    .ant-modal-wrap {
      .ant-modal {
        .ant-modal-content {
          .ant-modal-body {
            .ant-form {
              .ant-form-item {
                .ant-form-item-control {
                  .ant-form-item-control-input {
                    .ant-form-item-control-input-content {
                      .ant-input {
                        height: 40px;
                      }

                      .ant-input-password {
                        .ant-input {
                          height: 30px;
                        }
                      }

                      .ant-input-affix-wrapper {
                        box-sizing: border-box;
                        height: 40px;
                        &:hover {
                          border-color: #c4c4c4;
                        }
                        &:focus-within{
                          border-color: @primary;
                        }
                        input{
                          height: 100%;
                        }
                      }

                      .code-input-box {
                        border: 1px solid #d9d9d9;
                        border-radius: 2px;
                        transition: all 0.3s;
                        display: flex;
                        align-items: center;
                        height: 40px;
                        &:hover {
                          border-color: #c4c4c4;
                        }

                        &:focus-within {
                          border-color: @primary!important;
                        }
                        .ant-input-affix-wrapper{
                          height: unset;
                        }

                        .ant-input {
                          height: 38px;
                          border: none;
                        }

                        .ant-divider-vertical {
                          border-left-color: @split-line;
                          margin-right: 0;
                        }

                        .ant-btn-text {
                          margin: 0 15px;
                        }
                        .ant-input-affix-wrapper{
                          border: none;
                          input{
                            height: 100%;
                          }
                        }
                        .getting-code {
                          width: 200px;
                          color: @content;
                          text-align: center;
                        }
                      }

                      .ant-input-affix-wrapper-focused {
                        border-color: @primary;
                        box-shadow: unset;
                      }
                    }
                  }
                  .ant-form-item-explain.ant-form-item-explain-error{
                    text-align: left!important;
                  }
                }
              }
            }
            .form-bottom {
              margin-top: 40px;
              text-align: center;
              font-size: 12px;

              .form-bottom-icon {
                width: 44px;
                height: 44px;
                border: 1px solid @split-line;
                border-radius: 50%;
                margin: 0 auto;
                cursor: pointer;
                transition: all .15s;
                display: flex;
                align-items: center;
                justify-content: center;

                img {
                  width: 13px;
                  height: 20px;
                }
              }
              img{
                cursor: pointer;
              }
            }

            .step-complete {
              margin-top: 20px;
              p {
                text-align: center;

                &:nth-of-type(1) {
                  color: @text;
                  font-size: 16px;
                  margin-bottom: 5px;
                }

                &:nth-of-type(2) {
                  color: @content;
                  font-size: 12px;
                  margin-bottom: 30px;
                }
              }
            }
          }
        }
      }
    }
  }
  .ant-form-item-has-error :not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus, .ant-form-item-has-error :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus, .ant-form-item-has-error :not(.ant-input-disabled):not(.ant-input-borderless).ant-input-focused, .ant-form-item-has-error :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper-focused{
    box-shadow: unset!important;
  }
  .ant-form-item-has-error :not(.ant-input-disabled):not(.ant-input-borderless).ant-input, .ant-form-item-has-error :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper, .ant-form-item-has-error :not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover, .ant-form-item-has-error :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover{
    border-color: #ff4d4f!important;
  }
  .ant-btn-text[disabled], .ant-btn-text[disabled]:hover, .ant-btn-text[disabled]:focus, .ant-btn-text[disabled]:active{
    color: rgb(166, 211, 146) !important;
  }

  .ant-input-suffix{
    .anticon-close-circle{
      color: rgba(223,223,223);
    }
  }

  .ant-popover-arrow{
    display: none;
  }

  .ant-upload.ant-upload-select-picture-card > .ant-upload{
    padding: 0;
  }

  .qrcode-img-box{
    width: 200px;
    height: 200px;
    display: inline-block;
    margin-top: 16px;
    margin-bottom: 14px;
    border: 1px solid @split-line;
    padding: 21px;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    canvas{
      cursor: pointer;
      position: relative;
    }
    .qrcode-cover{
      width: 100%;
      height: 100%;
      background-color: rgba(255,255,255,0.9);
      position: absolute;
      top: 0;
      left: 0;
      border-radius: 8px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      border: 1px solid transparent;
      cursor: pointer;
      img{
        margin-bottom: 15px;
      }
      .ant-btn-text{
        font-size: 15px;
      }
    }
  }

  .safety-tips{
    .ant-modal-content{
      .ant-modal-body{
        padding: 20px!important;
        .ant-modal-confirm-body-wrapper{
          .ant-modal-confirm-body{
            .anticon{
              margin-right: 15px;
            }
            .ant-modal-confirm-title{
              font-size: 18px;
            }
            .ant-modal-confirm-content{
              margin-top: 15px;
              color: @sub-title;
            }
          }
        }
      }
    }
  }
  .bind-phone-btn{
    height: 40px;
    width: 100%!important;
  }
  .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled), .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover{
    color: @text;
    background-color: #EFF4FF;
  }
  .ant-cascader-menu-item{
    color: @sub-title;
  }
  .ant-spin{
    color: @primary;
    .ant-spin-dot{
      .ant-spin-dot-item{
        background-color: @primary;
      }
    }
  }
}
